Interne CSS
<head> en </head> tags. De stijlinformatie in deze Style Sheet wordt dan alleen toegepast op dit ene document.Syntaxis
Ingebedde Stijlregels kunnen in het style element van het head element van het document geplaatst worden. Dat komt al dichter in de buurt van onze lasagnefilosofie. De stijlregels staan niet meer in de indeling van de pagina maar worden afgezonderd in het style element bovenaan de pagina. Dit maakt het voor de auteur een stuk eenvoudiger wijzigingen aan te brengen in een eenmaal vastgelegde stijl, of nieuwe stijlen te definiëren. In plaats van elke keer dat een element in een document gebruikt wordt een inline stijl te moeten wijzigen of toevoegen, hoeft de aanpassing slechts één keer in het stijlblok te worden aangebracht.
<head>
<title>CSS</title>
<style type="text/css">
p
{
font-family: Verdana;
color: Fuchsia;
}
</style>
</head>
<body>
<p>
Dat was gheselscap goet ende fijn,<br />
Het sceen teen moeste ghestorven sijn.<br />
Nu bestu in den troon verheven,<br />
Claerre dan der zonnen scijn:<br />
Alle vruecht es di ghegheven.
</p>
</body>
Wanneer gebruik je interne CSS?
- als de CSS slechts van toepassing is op één HTML pagina;
- tijdens het ontwikkelen en testen is het handig om zowel de HTML en CSS in één bestand te hebben staan;
De internal Style Sheet is daarmee ideaal voor sites die maar een paar pagina's groot zijn of voor individuele pagina's die een aparte stijl moeten hebben ten opzichte van de rest van de site.